<!--
 * @Descripttion: 
 * @version: 
 * @Author: mmzhang
 * @Date: 2021-07-20 15:23:43
 * @LastEditTime: 2022-03-28 16:31:11
-->
<template>
  <div class="operate-content">
    <Timeline>
      <TimelineItem v-for="(item,index) in lineData" :key="index">
        <div class="flex">
          <p class="name">{{item.node}}</p>
          <div class="flex" v-if="item.state!=0">
            <p class="split">|</p>
            <p class="time">{{item.state==3?'通过':'驳回'}}</p>
          </div>
        </div>
        <!--纯文字-->
        <p class="desc-text"><span>{{item.state==0?'申诉人':'审核人'}}：</span>{{item.operator}}</p>
        <p class="desc-text"><span>{{item.state==0?'申诉时间':'审核时间'}}：</span>{{item.appealTime}}
        </p>
        <p class="desc-text" v-if="!(item.state==3) && item.state!=0">
          驳回原因：{{item.rejectReason}}</p>
      </TimelineItem>
    </Timeline>
  </div>
</template>
<script>
  export default {
    props: ['lineData'],
    data() {
      return {}
    },
    created() {},
    mounted() {},
    methods: {},
  }
</script>
<style lang="scss" scoped>
  .operate-content {
    margin: 20px;
    max-height: 550px;
    overflow-y: auto;
  }

  .link,
  .time,
  .split,
  .name {
    color: #0f42a7;
  }

  .split {
    margin: 0 10px;
  }

  .desc-text {
    color: #7f7f7f;
    line-height: 30px;
  }
</style>